<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">
	
<ui:composition template="/WEB-INF/template/CompraTemplate.xhtml">
<ui:define name="corpo">
<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		max-height: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%    
	}
	.colunaEsquerdaDetalhe
	{  
	    text-align: left;
	    width: 60%;  
	}  
	.colunaDireitaDetalhe
	{  
	    text-align: left;
	    width: 40%    
	}
	.modal
	{
		font-size: 11px;
	}
	.linhaMaster
	{
		background-color: #8B3A3A;
		color: #FFFFFF;
		font-size: 11px;
	}
	.linhaDetalhe
	{
		background-color: #CD5555;
		color: #FFFFFF;
		font-size: 10px;
	}
	</style>
<div class="div-tela">
	<p:panel id="pnlGerenciarPromocao" header="Gerenciar Promoções de Produtos" style="width:100%;height:100%">
		<p:commandButton id="btnCarregar"
					styleClass="ui-priority-primary"
					update=":frmCompra:pnlGerenciarPromocao"
					actionListener="#{managerPromocaoProdutoBean.carregarDados}"
		        	value="Carregar Dados"/>
		        	
		<p:commandButton id="btnNovaPromocao"
					styleClass="ui-priority-primary"
					update=":frmCompra:pnlProdutoPromocao"
					actionListener="#{managerPromocaoProdutoBean.novaPromocao}"
		        	value="Nova Promoção"/>
		        	
		<p:commandButton id="btnSair"
					styleClass="ui-priority-primary"
					actionListener="#{managerPromocaoProdutoBean.sair}"
		        	value="Sair"/>
		        	
		<div><BR /></div>
		
		<p:dataTable id="tblPromocao" 
						var="promocao" 
						value="#{managerPromocaoProdutoBean.listaPromocoes}"
						scrollable="true"
						scrollHeight="420"
						emptyMessage="Sem Dados para Exibição"
						rowStyleClass="linhaMaster">
						
				<p:column style="width:5%;background-color:#FFFFFF;">
            		<p:rowToggler />
        		</p:column>
        		
        		<p:column headerText="Data Cadastro" width="10%">
		            <h:outputText value="#{promocao.dataCadastro}" >
		            	<f:convertDateTime pattern="dd/MM/yyyy"/>
		            </h:outputText>
		        </p:column>
        		
        		<p:column headerText="Data Validade" width="10%">
		            <h:outputText value="#{promocao.dataValidade}" >
		            	<f:convertDateTime pattern="dd/MM/yyyy"/>
		            </h:outputText>
		        </p:column>
        		
        		<p:column headerText="Título" width="25%">
					<h:outputText value="#{promocao.titulo}" />
		        </p:column>		
		        
		        <p:column headerText="Tipo" width="20%">
					<h:outputText value="#{promocao.promocaoTipoVo.descricao}" />
		        </p:column>
		        
		         <p:column headerText="Premiação" width="20%">
					<h:outputText value="#{promocao.promocaoPremiacaoVo.descricao}" />
		        </p:column>
		        
		        <p:column headerText="Ações" width="10%">
		        	<p:commandButton value="Alterar" 
		        					update=":frmCompra:pnlProdutoPromocao"
		        					styleClass="ui-priority-primary"
		        					actionListener="#{managerPromocaoProdutoBean.alterarPromocao(promocao)}"/>
		        </p:column>
		        
		        <p:rowExpansion>
            		<p:dataTable id="tblPromocaoDetalhe" 
						var="promocaoDetalhe" 
						value="#{promocao.listaProdutosPromocao}"
						emptyMessage="Sem Dados para Exibição"
						paginator="true"
						rows="10"
						rowStyleClass="linhaDetalhe">
						
						<p:column headerText="Código" width="10%">
				            <h:outputText value="#{promocaoDetalhe.produtoGiroDetalheVo.idCodigoEptus}" />
		        		</p:column>
						
						<p:column headerText="Produto" width="50%">
				            <h:outputText value="#{promocaoDetalhe.produtoGiroDetalheVo.descricao}" />
		        		</p:column>
		        		
		        		<p:column headerText="Fabricante" width="30%" sortBy="#{promocaoDetalhe.produtoGiroDetalheVo.fabricanteVo.descricao}">
				            <h:outputText value="#{promocaoDetalhe.produtoGiroDetalheVo.fabricanteVo.descricao}" />
		        		</p:column>
		        		
		        		<p:column headerText="Qtd Disponível" width="10%">
				            <h:outputText value="#{promocaoDetalhe.produtoGiroDetalheVo.quantidadeDisponivel}" />
		        		</p:column>
		        		
					</p:dataTable>
        		</p:rowExpansion>
		        
    		</p:dataTable>
	</p:panel>
</div>
</ui:define>
<ui:define name="modal">
	<p:dialog header="Promoção de Produtos" 
    		widgetVar="produtosPromocaoDialog" 
    		modal="true"
    		resizable="false" 
    		width="1000" 
    		position="top" 
    		closable="true">
    	<p:panel id="pnlProdutoPromocao">
    		<p:accordionPanel>
    			<p:tab title="Informações da Promoção" closable="true" titleStyle="background-color:#FFE4E1;font-size:12px;">
		    		<p:panelGrid columns="2" 
								columnClasses="colunaEsquerda, colunaDireita" 
								style="width:100%;border:none;font-size:11px;">
								
						<h:outputLabel for="somTipoPromocao" value="Tipo Promoção"/>			
		            	<p:selectOneMenu id="somTipoPromocao" 
		            					value="#{managerPromocaoProdutoBean.promocaoVo.promocaoTipoVo.id}" 
		             					style="width:30%;">
			             	<f:selectItems var="tipoPromocao" 
			             				value="#{managerPromocaoProdutoBean.listaTipoPromocao}" 
			             				itemLabel="#{tipoPromocao.descricao}" 
			             				itemValue="#{tipoPromocao.id}"/>
		             	</p:selectOneMenu>
		             	
		             	<h:outputLabel for="somPremiacao" value="Premiação"/>			
		            	<p:selectOneMenu id="somPremiacao" 
		            					value="#{managerPromocaoProdutoBean.promocaoVo.promocaoPremiacaoVo.id}" 
		             					style="width:100%;">
			             	<f:selectItems var="premiacao" 
			             				value="#{managerPromocaoProdutoBean.listaPremiacao}" 
			             				itemLabel="#{premiacao.descricao}" 
			             				itemValue="#{premiacao.id}"/>
		             	</p:selectOneMenu>
						
						<p:outputLabel value="Data Validade" for="clnDataValidade"/>
						<p:calendar id="clnDataValidade" 
									value="#{managerPromocaoProdutoBean.setarDataValidade}"
									locale="pt"
									validatorMessage="Data em formato inválido."
									pattern="dd/MM/yyyy"/>
						
						<h:outputLabel for="inputTitulo" value="Título"/>
						<p:inputText id="inputTitulo"
									maxlength="200"
									size="60"
									placeholder="Título"
									value="#{managerPromocaoProdutoBean.promocaoVo.titulo}"/>
									
						<h:outputLabel for="inputObservacao" value="Observação"/>
						<p:inputTextarea id="inputObservacao"
									rows="5"
									cols="62"
									minQueryLength="4"
									queryDelay="750"
									value="#{managerPromocaoProdutoBean.promocaoVo.observacao}"/>
		    			
		    		</p:panelGrid>
    			</p:tab>
    			<p:tab title="Produtos da Promoção" closable="true" titleStyle="background-color:#E6E6FA;font-size:12px;">
    				<p:panelGrid columns="2"
    							columnClasses="colunaEsquerda, colunaDireita" 
								style="width:100%;border:none;font-size:10px;">
						<p:selectOneMenu id="somFabricante" 
		            					value="#{managerPromocaoProdutoBean.fabricanteVo.id}" 
		             					style="width:100%;">
			             	<f:selectItems var="fabricante" 
			             				value="#{managerPromocaoProdutoBean.listaFabricantes}" 
			             				itemLabel="#{fabricante.descricao}" 
			             				itemValue="#{fabricante.id}"/>
		             	</p:selectOneMenu>
		             	<p:panel>
			             	<p:commandButton id="btnConsultarFabricante"
											styleClass="ui-priority-primary"
								        	value="Consultar Produtos Fabricante"
								        	update=":frmCompra:pnlProdutoPromocao"
								        	actionListener="#{managerPromocaoProdutoBean.carregarProdutoFabricante}"/>
							<p:commandButton id="btnAdicionarTodos"
											styleClass="ui-priority-primary"
								        	value="Adicionar Todos"
								        	update=":frmCompra:pnlProdutoPromocao"
								        	actionListener="#{managerPromocaoProdutoBean.inserirTodosProdutoPromocao}"/>
							<p:commandButton id="btnRemoverTodos"
											styleClass="ui-priority-primary"
								        	value="Remover Todos"
								        	update=":frmCompra:pnlProdutoPromocao"
								        	actionListener="#{managerPromocaoProdutoBean.removerTodosProdutoPromocao}"/>
						</p:panel>
					</p:panelGrid>			
		            	
    				<p:dataTable id="tblProdutos" 
							var="produto" 
							value="#{managerPromocaoProdutoBean.listaProdutoHum}"
							style="font-size:10px;"
							paginator="true"
							rows="3"
							resizableColumns="true"
							emptyMessage="Não há Registros para Exibição">
						
						<p:column headerText="Código" width="10%" sortBy="#{produto.idCodigoEptus}">
							<h:outputText value="#{produto.idCodigoEptus}" />
						</p:column>
				
						<p:column headerText="Descrição" width="20%" sortBy="#{produto.descricao}">
							<h:outputText value="#{produto.descricao}" />
						</p:column>
						
						 <p:column headerText="Fabicante" width="20%">
							<h:outputText value="#{produto.fabricanteVo.descricao}"/> 
						</p:column>
				
						<p:column headerText="Quantidade" width="20%">
							<h:outputText value="#{produto.quantidadeDisponivel}" />
						</p:column>
						
						<p:column width="20%">
							<p:commandButton value="Adicionar" 
										styleClass="ui-priority-primary"
										update=":frmCompra:pnlProdutoPromocao"
										actionListener="#{managerPromocaoProdutoBean.inserirProdutoPromocao(produto)}"/>
						</p:column>
				
					</p:dataTable>
					<div><BR /></div>
					<p:dataTable id="tblProdutosPromocao"
							var="produtoPromocao" 
							value="#{managerPromocaoProdutoBean.listaProdutoDois}"
							style="font-size:10px;"
							paginator="true"
							rows="3"
							resizableColumns="true"
							emptyMessage="Não há Registros para Exibição">
						
						<p:column headerText="Código" width="10%">
							<h:outputText value="#{produtoPromocao.idCodigoEptus}" />
						</p:column>
				
						<p:column headerText="Descrição" width="20%">
							<h:outputText value="#{produtoPromocao.descricao}" />
						</p:column>
						
						<p:column headerText="Fabricante" width="20%">
							<h:outputText value="#{produtoPromocao.fabricanteVo.descricao}" />
						</p:column>
				
						<p:column headerText="Quantidade" width="20%">
							<h:outputText value="#{produtoPromocao.quantidadeDisponivel}" />
						</p:column>
						
						<p:column width="20%">
							<p:commandButton value="Remover" 
										styleClass="ui-priority-primary"
										update=":frmCompra:pnlProdutoPromocao"
										actionListener="#{managerPromocaoProdutoBean.removerProdutoPromocao(produtoPromocao)}"/>
						</p:column>
				
					</p:dataTable>
    			</p:tab>
    		</p:accordionPanel>
    		<div><BR /></div>
    		<p:commandButton id="btnGravar"
							styleClass="ui-priority-primary"
							value="Gravar"
							update="frmCompra:pnlGerenciarPromocao"
							actionListener="#{managerPromocaoProdutoBean.gravar}"/>
    	</p:panel>
	</p:dialog>
</ui:define>

</ui:composition>
</html>